// 默认情况下的登录状态显示

var ologin = document.querySelector(".login");
var ress = document.querySelector(".ress");
var ouserMsg = document.querySelector(".userMsg");

if (localStorage.getItem("isLogin") === "ok") {
    $(".login").hide();
    $(".ress").hide();
    $(".userMsg").show();
    document.querySelector(".userMsg").text = "您好，"+localStorage.getItem("username")+"用户,退出";
}else{
    $(".userMsg").hide();
}



document.querySelector(".userMsg").onclick = function () {
    localStorage.removeItem("isLogin");
    localStorage.removeItem("username");
    $(".login").show();
    $(".ress").show();
    $(".userMsg").hide();
}

// 获取二维码图片内容
var oimg = document.getElementById("img");
var oweixin = document.getElementById("weixin");

oweixin.onmouseover = function () {
    oimg.style.display = "block";
}
oweixin.onmouseout = function () {
    oimg.style.display = "none";
}


// 手机下单图片内容
// var ophone=document.getElementById("phone");
// var orders=document.getElementById("rders");
// ophone.onmouseover=function(){
//     orders.style.display="block";
// }
// ophone.onmouseout=function(){
//     orders.style.display="none";
// }

// 爬楼
$(".btns").children("li").click(function () {
    $("html").animate({
        scrollTop: $(".flower").eq($(this).index()).offset().top
    })
})
// 滚动事件
$(document).on("scroll", function () {
    // 遍历所有元素
    for (var i = 0; i < $(".flower").length; i++) {
        // 判断当前滚动距离是否到达对应元素的位置
        if ($(this).scrollTop() > $(".flower").eq(i).offset().top - 20) {
            // 如果滚动距离到达了对应楼层的位置，修改对应按钮的样式
            $(".btns").children("li").eq(i).addClass("aaa").siblings().removeClass("aaa");
        }
    }
})


// 轮播图
const obanner = document.querySelector(".cont");
const img = obanner.querySelectorAll("ul li");
const obtns = obanner.querySelectorAll("ol li");
const goP=document.querySelector("#goPrev");
const goN=document.querySelector("#goNext");
var index = 0;
//当前图片的下标，默认为0；
var lastIndex = null;
//上一张图片的下标。默认为0；

var timer = null;
//按钮切换

Array.from(obtns).forEach((btn, i) => {
    btn.onclick = function () {
        //上一张图片去掉ac，给当前图片加上ac
        //index的值更新为当前点击按钮的下标
        //把index先变成lastIndex，然后把index赋为当前的i；
        lastIndex = index;
        index = i;
        change();
    }
})
// //向后切换
// goN.onclick=function(){
//     lastIndex=index;
//     index++;
//     //index的范围取值只能是0~length-1，一但等于length，就回到0；
//     if(index===oimg.length)
//         index=0;
//     change();
// }
// //向前切换
// goP.onclick=function(){
//     lastIndex=index;
//     index--;
//     if(index<0)
//         index=oimg.length-1;
//         change();
// }
// //自动切换
// autoPlay();
// //先自动用一次，默认先自动播放起来

// function autoPlay(){
//     timer=setInterval(() => {
//         goN.onclick();
//     }, 3000);
// }

// obanner.onmouseenter=function(){
//     clearInterval(timer);
// }
// obanner.onmouseleave=function(){
//     autoPlay();
// }

function change() {
    img[lastIndex].classList.remove("ac");
    //去除ac
    img[index].classList.add("ac");
    //添加ac
    obtns[lastIndex].classList.remove("ac");
    obtns[index].classList.add("ac");
}